<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>cssNine</title>
</head>
<style>
  *{
    margin: 0;
    padding: 0;
  }
  .clearfix::before,
  .clearfix::after{
    content: '';
    display: table;
  }
  .clearfix::after{
    clear: both;
  }

 /* li:nth-last-child(1){
   border-bottom: none;
}*/
  .three{
    position: fixed;
    background-color: deepskyblue;
    width: 100%; /*填充整个浏览器的宽度*/
    height: 50px;
    z-index: 100;
  }
  .div1{
    width: 100%; /*填充整个浏览器的宽度*/
    height: 50px;
  }
  /*导航区的文字*/
  .four .m{
    float: left;
    display: inline-block;
    width: 100px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    padding: 0 10px;
    left: 50%;

  }

  .four .m:hover{
    background-color: green;
    display: block;
  }
   /*父级定位*/
  .m{
    position: relative;
  }
  /*子级定位*/
  .two{
    position: absolute;
    left: 0;
    top: 51px;
   }
  li .two{
      display: none;
  }
  .four{
    float: left;
  }

 .three .four li ul  {
  list-style: none;
}
  /*第一列评论*/
  .two li{
    float: left;
    display: block;
    background-color: pink;
    width:100px ;
    height: 50px;
    text-align: center;
    line-height: 50px;
    padding: 0 10px;
  }
 /*第二列评论*/
  .nine li{
    display: block;
    background-color: pink;
    width:100px ;
    height: 50px;
    text-align: center;
    line-height: 50px;
    padding: 0 10px;
  }
  .nine{
    position: absolute;
    top: 51px;
    left: 0;
  }
  /*第三列评论*/
  .ten li{
    display: block;
    background-color: pink;
    width:100px ;
    height: 50px;
    text-align: center;
    line-height: 50px;
    padding: 0 10px;

  }
  .ten{
    position: absolute;
    top: 51px;
    left: 0;
  }
  .m li:hover,two{
    background-color: antiquewhite;
    display: block;
  }

  /*第四列评论*/
  .ten1 li{
    display: block;
    background-color: pink;
    width:100px ;
    height: 50px;
    text-align: center;
    line-height: 50px;
    padding: 0 10px;

  }
  .ten1{
    position: absolute;
    top: 51px;
    left: 0;
  }
  .font{
    text-indent: 2em;
    font-family: 楷体;
  }

  .press1{
    position: absolute;
    background-color: deepskyblue;
    width: 300px;
    height: 300px;
    z-index: 3; /*默认是0*/
  }
  .press2{
    position: absolute;
    background-color: orange;
    top: 200px;
    left: 200px;
    width: 300px;
    height: 300px;
    z-index: 2;
  }
</style>
<body>
<div class="three">
  <ul class="four">
    <li class="m m1" >
      学校简介
        <ul class="two" >
          <li>评论1</li>
          <li>评论2</li>
          <li>评论3</li>
        </ul>
    </li>
    <li class="m m1" >
      招生与就业
      <ul class="two">
        <li>评论1</li>
        <li>评论2</li>
        <li>评论3</li>
      </ul></li>
    <li class="m m1">
      学院与学科
      <ul class="two">
        <li>评论1</li>
        <li>评论2</li>
        <li>评论3</li>
      </ul>
    </li>
    <li class="m m1">
      后勤与安保
      <ul class="two">
        <li>评论1</li>
        <li>评论2</li>
        <li>评论3</li>
      </ul>
    </li>
    <li class="m m1">
      校领导接待日
      <ul class="two">
        <li>评论1</li>
        <li>评论2</li>
        <li>评论3</li>
      </ul>
    </li>
  </ul>
</div>
<div class="clearfix five"></div>
<div class="div1"></div>
<div class="show"> 显示层次级:(流<浮动<固定) </div> <!--显示层次级:流<浮动<固定-->
<div>流:就是行内元素和行内块元素</div>
<div>如果都是浮动，那么就看谁在代码的后面，后面的就会压着前面的</div>
<div>固定的第一种压层方法:如果都是固定，那么就看谁在代码的后面，后面的就会压着前面的</div>
<div>固定的第二种压层方法:用z-index:0默认是0，谁的值越大，谁就在最上面</div>
<div class="press1">固定1</div>
<div class="press2">固定2</div>
<div class="font">
  携手深耕城市数字化，华为政务一网通军团与八家业务伙伴签约
  2022年11月21日
  [中国，深圳，2022年11月21日] 上周，华为技术有限公司（以下简称“华为”）与八家业务伙伴举行政务一网通军团同舟共济合作伙伴签约仪式。本次签约代表着华为政务一网通军团与行业合作伙伴迈入了新阶段。通过建立更深层次合作关系，华为及同舟共济伙伴将共同打造咨询规划、解决方案、集成、安全、运营服务等专业能力，面向政务与城市数字化业务场景，构建更加完整的端到端能力体系，共同提升客户体验，服务全球市场，实现商业共赢。
  signing
  签约仪式现场
  华为公司高级副总裁、政务一网通军团CEO杨瑞凯在致辞中表示：“全球政务与城市数字化市场机遇和空间巨大，需要我们和伙伴一起构建端到端的服务能力。基于城市智能体架构，在城市智能感知、智能联接、智能中枢、一网通办、一网统管等场景加大投入打造能力，各展所长提升市场联合竞争力，打通客户需求的最后一公里，真正解决客户痛点，提供最佳客户体验。
  杨瑞凯表示，本次签约的同舟共济伙伴与华为有着良好的合作历史和基础，也是政务一网通军团快速发展壮大过程中紧密合作的伙伴，双方将建立同舟共济伙伴关系，朝着共同的目标开启合作新征程，共享市场、共建能力、共谋发展、共创辉煌。
  Yang speaks
  华为公司高级副总裁、政务一网通军团CEO杨瑞凯
  参与本次签约的八家伙伴企业是深圳市奔凯安全技术股份有限公司、华海智汇技术有限公司、华夏鲲鹏科技股份有限公司、上海朋邦实业有限公司、浙江讯盟科技有限公司、成都讯为科技有限公司、深圳竹云科技股份有限公司、北京中软国际信息技术有限公司。各企业代表分别进行了主题发言，将积极携手政务一网通军团共同打造能力，在咨询规划、解决方案研发、应用场景、集成服务、安全服务、运营服务等方面开展深度合作，一起“做细产品、做深体验、做大优势”。
  本次签约同舟共济伙伴将发挥各方优势，形成能力互补，构建行业领先的解决方案与能力。在市场拓展方面，面向全球，叠加各方优势市场资源，加快业务布局；在技术方面，基于云、5G、人工智能、区块链、物联网等领域展开合作；在解决方案方面，围绕一网通办、一网统管等融合场景联合打造解决方案；在生态与营销方面加强联动，丰富生态资源，提升品牌影响力。
  同舟共济万里行，共生共赢筑未来。华为政务一网通军团将与八家伙伴企业朝着共同的目标一起打造能力，共同做大市场空间，共同分享产业发展红利，同时将持续构建开放、多元、共赢的合作伙伴体系，拥抱多种能力型伙伴合作，共筑城市智能体，深耕城市数字化。
  携手深耕城市数字化，华为政务一网通军团与八家业务伙伴签约 2022年11月21日 [中国，深圳，2022年11月21日] 上周，华为技术有限公司（以下简称“华为”）与八家业务伙
  伴举行政务一网通军团同舟共济合作伙伴签约仪式。本次签约代表着华为政务一网通军团与行业合作伙伴迈入了新阶段。通过建立更深层次合作关系，华为及同舟共济伙伴将共同
  打造咨询规划、解决方案、集成、安全、运营服务等专业能力，面向政务与城市数字化业务场景，构建更加完整的端到端能力体系，共同提升客户体验，服务全球市场，实现商业
  共赢。 signing 签约仪式现场 华为公司高级副总裁、政务一网通军团CEO杨瑞凯在致辞中表示：“全球政务与城市数字化市场机遇和空间巨大，需要我们和伙伴一起构建端到端的
  服务能力。基于城市智能体架构，在城市智能感知、智能联接、智能中枢、一网通办、一网统管等场景加大投入打造能力，各展所长提升市场联合竞争力，打通客户需求的最后一
  公里，真正解决客户痛点，提供最佳客户体验。” 杨瑞凯表示，本次签约的同舟共济伙伴与华为有着良好的合作历史和基础，也是政务一网通军团快速发展壮大过程中紧密合作的
  伙伴，双方将建立同舟共济伙伴关系，朝着共同的目标开启合作新征程，共享市场、共建能力、共谋发展、共创辉煌。 Yang speaks 华为公司高级副总裁、政务一网通军团C
  EO杨瑞凯 参与本次签约的八家伙伴企业是深圳市奔凯安全技术股份有限公司、华海智汇技术有限公司、华夏鲲鹏科技股份有限公司、上海朋邦实业有限公司、浙江讯盟科技有
  限公司、成都讯为科技有限公司、深圳竹云科技股份有限公司、北京中软国际信息技术有限公司。各企业代表分别进行了主题发言，将积极携手政务一网通军团共同打造能力
  ，在咨询规划、解决方案研发、应用场景、集成服务、安全服务、运营服务等方面开展深度合作，一起“做细产品、做深体验、做大优势”。 本次签约同舟共济伙伴将发挥各方
  优势，形成能力互补，构建行业领先的解决方案与能力。在市场拓展方面，面向全球，叠加各方优势市场资源，加快业务布局；在技术方面，基于云、5G、人工智能、区块链、
  物联网等领域展开合作；在解决方案方面，围绕一网通办、一网统管等融合场景联合打造解决方案；在生态与营销方面加强联动，丰富生态资源，提升品牌影响力。 同舟共济万里
  行，共生共赢筑未来。华为政务一网通军团将与八家伙伴企业朝着共同的目标一起打造能力，共同做大市场空间，共同分享产业发展红利，同时将持续构建开放、多元、共赢的
  合作伙伴体系，拥抱多种能力型伙伴合作，共筑城市智能体，深耕城市数字化。携手深耕城市数字化，华为政务一网通军团与八家业务伙伴签约 2022年11月21日 [中国，深圳
  ，2022年11月21日] 上周，华为技术有限公司（以下简称“华为”）与八家业务伙伴举行政务一网通军团同舟共济合作伙伴签约仪式。本次签约代表着华为政务一网通军团与行
  业合作伙伴迈入了新阶段。通过建立更深层次合作关系，华为及同舟共济伙伴将共同打造咨询规划、解决方案、集成、安全、运营服务等专业能力，面向政务与城市数字化业务
  场景，构建更加完整的端到端能力体系，共同提升客户体验，服务全球市场，实现商业共赢。 signing 签约仪式现场 华为公司高级副总裁、政务一网通军团CEO杨瑞凯在致辞
  中表示：“全球政务与城市数字化市场机遇和空间巨大，需要我们和伙伴一起构建端到端的服务能力。基于城市智能体架构，在城市智能感知、智能联接、智能中枢、一网通办、
  一网统管等场景加大投入打造能力，各展所长提升市场联合竞争力，打通客户需求的最后一公里，真正解决客户痛点，提供最佳客户体验。” 杨瑞凯表示，本次签约的同舟共济

  伙伴与华为有着良好的合作历史和基础，也是政务一网通军团快速发展壮大过程中紧密合作的伙伴，双方将建立同舟共济伙伴关系，朝着共同的目标开启合作新征程，共享市场
  、共建能力、共谋发展、共创辉煌。 Yang speaks 华为公司高级副总裁、政务一网通军团CEO杨瑞凯 参与本次签约的八家伙伴企业是深圳市奔凯安全技术股份有限公司、华
  海智汇技术有限公司、华夏鲲鹏科技股份有限公司、上海朋邦实业有限公司、浙江讯盟科技有限公司、成都讯为科技有限公司、深圳竹云科技股份有限公司、北京中软国际信息
  技术有限公司。各企业代表分别进行了主题发言，将积极携手政务一网通军团共同打造能力，在咨询规划、解决方案研发、应用场景、集成服务、安全服务、运营服务等方面开展

</div>

</body>
</html>
